<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>订单详情</title>
<jsp:include page="header.jsp"></jsp:include>
<style type="text/css">
	.my-row {
		height: 32px;
		line-height:32px;
		font-size:16px;
		width: 100%;
		margin-top: 10px;
		margin-left: 10px;
	}
	
		.weui-media-box__hd img{
			width: 100%;
			height: 100%;
		}
		.weui-flex__item .placeholder {
			margin-left: 10px;
			padding-top: 5px;
		}
</style>
</head>
<body>
	<div class="weui-content">
		 <div class="weui-flex">
		      <div class="weui-flex__item"><div class="placeholder">共计${total}单</div></div>
		      <div class="weui-flex__item"><div class="placeholder">总价:<span style="color: red">¥${sum}</span></div></div>
    	</div>
		<c:if test="${not empty list}">
		<c:forEach var="order" items="${list}" varStatus="st">
		<div class="weui-panel weui-panel_access">
          <div class="weui-panel__hd"><span>单号：${order.id}</span><span class="ord-status-txt-ts fr">
          	<c:if test="${order.orderState eq '1'}">
	   			未支付
	   			</c:if>
	   			<c:if test="${order.orderState eq '2'}">
	   			未审核
	   			</c:if>
	   			<c:if test="${order.orderState eq '3'}">
	   			已审核
	   			</c:if>
	   			<c:if test="${order.orderState eq '4'}">
	   				未发货
	   			</c:if>
	   			<c:if test="${order.orderState eq '5'}">
	   				已发货
	   			</c:if>
	   			<c:if test="${order.orderState eq '6'}">
	   				已发货
	   			</c:if>
	   			<c:if test="${order.orderState eq '7'}">
	   				已退款
	   			</c:if>
	   			<c:if test="${order.orderState eq '8'}">
	   				未通过审核
	   			</c:if>
          </span></div>
          <div class="weui-media-box__bd  pd-10">
            <div class="weui-media-box_appmsg ord-pro-list" onclick="myDetail('${app.id}')">
              <div class="weui-media-box__hd"><a href="javascript:;"><img class="weui-media-box__thumb" src="${pageContext.request.contextPath }${order.goodsPic}" alt=""></a></div>
              <div class="weui-media-box__bd">
                <h1 class="weui-media-box__desc"><a href="javascript:;" class="ord-pro-link">${order.goodsName}</a></h1>
                <!-- <p class="weui-media-box__desc">规格：<span>红色</span>，<span>23</span></p> -->
                <div class="clear mg-t-10">
                  <div class="wy-pro-pri fl">¥<em class="num font-15">${order.orderPrice}</em></div>
                  <div class="pro-amount fr"><span class="font-13">数量×<em class="name">${order.orderSum}</em></span></div>
                </div>
              </div>
            </div>
          </div>
    </div>
    </c:forEach>
    </c:if>
    </div>
<jsp:include page="foot.jsp"></jsp:include>
<script type="text/javascript">

</script>
</body>
</html>